<template>
  <el-container style="height:100%">
    <el-header height="60px">是多少</el-header>
    <el-container>
      <el-aside width="200px" @click="getUsreInfo">导航</el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
import http from '@/utils/request.js'; // eslint-disable-line no-unused-vars
import { serviceModule } from '@/api/index.js'; // eslint-disable-line no-unused-vars
export default {
  created() {},
  setup() {
    function getUsreInfo() {
      http(serviceModule.login, {}).then(
        data => {
          console.log(data);
        },
        error => {
          console.log(error);
        }
      );
    }

    return { getUsreInfo };
  }
};
</script>

<style scoped lang="less">
.el-header {
  background-color: #b3c0d1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
</style>
